<html>
<head>
<script language="javascript" src="../js/addons/jquery-1.8.2.min.js"></script>
<script>
$(document).ready(function(){
		$.getJSON('testFeeds.php', function(json) {//to send a ajax request for json data
			var output="";
			$.each (json, function (data) {
				output+="<div class='row'>";
					output+="<div class='span2 bbtvts_feed_thumb'>";
						output+="<a href='#' class='thumbnail'><img src='"+json[data].picPath+"' alt=''></a> <small>"+json[data].title+"</small>";
						output+="<div class='row'>";
							output+="<a href='#' style='float: right;'><span class='label label-info'>Like</span><span class='label label-success'>Follow</span></a>";
						output+="</div>";
					output+="</div>";
					output+="<div class='span6 bbtvts_feed_content'>";
						output+="<div class='row'>";
							output+="<div class='span6'><p>Comments</p></div>";
						output+="</div>";
						var com = json[data].comments; 
						$.each (com, function (num) {
							output+="<div class='row comment_list'>";
								output+="<div class='span5 comment_list_border'>";
									output+="<span class='username_list_body'>@"+com[num].firstName+":</span>";
									output+="<span class='comments_list_body'>"+com[num].comment+"</span>";
								output+="</div>";
							output+="</div>";
						});
					output+="</div>";
				output+="</div>";
		});
		$('#bbtvts_feed_list').html(output);
	});
});
</script>
</head>
<body>
<div id="bbtvts_feed_list"></div>
</body>
</html>